<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button>关闭定时器</button>
<button class="userButton" disabled>我已阅读用户协议(5)s</button>
<script>
    /*
    setInterval函数的用法与setTimeout完全一致，区别仅仅在于setInterval指定某个任务每隔一段时间就执行一次，也就是无限次的定时执行
    开启定时器:setInterval(函数，间隔时间)
    关闭定时器：clearInterval(定时器函数的id)
    * */
    //开启定时器
     const time1 = setInterval(() => {
            console.log("定时器一被执行了")
        }, 1000)

     function fn() {
        console.log("定时器二被执行了")
    }
    //开启定时器
    const time2 = setInterval(fn, 1000)
    const button = document.querySelector("button")
    button.addEventListener("click", function () {
        //关闭定时器
        clearInterval(time1)
        clearInterval(time2)
    })



    //倒计时
    let i=5
    //获取元素
    const userButton=document.querySelector(".userButton")
    let timeId= setInterval(function () {
        i--
        if (i>0){
            userButton.innerHTML=`我已阅读用户协议(${i})s`
            userButton.disabled=true
        }else {
            userButton.innerHTML=`我同意该协议`
            userButton.disabled=false
            clearInterval(timeId)
        }
    },1000)
</script>
</body>
</html>